//
///* 只需要重写你需要的即可 */
@forward 'element-plus/theme-chalk/src/common/var.scss' with (
//   $colors: (
//    'primary': ( 'base': #0D6FFD ),
//  ),
//  $border-color:(
//    '': rgba(88,92,113,1),
//    'light': rgba(32,39,79,1),
//    'lighter': #0D6FFD,
//    'extra-light': #0D6FFD,
//    'dark': #d4d7de,
//    'darker': #cdd0d6,
// ),
//
// $text-color: (
//    'primary': rgba(255,255,255,.85),
//    'regular': rgba(255,255,255,.85),
//    'secondary': #fff,
//    'placeholder': #63698C,
//    'disabled': rgba(255,255,255,.5),
//),
//
//$fill-color: (
//    '': #20274F,
//    'light': rgba(13,111,253,.4),
//    'lighter': #0D6FFD,
//    'extra-light': #0D6FFD,
//    'dark': #20274F,
//    'darker':#12152F ,
//    'blank': #20274F,
//),
//
//$bg-color: (
//    '': rgba(12,15,36,1),
//    'page': #12152F,
//    //'overlay': rgba(12,15,36,0.8),
//    'overlay': rgba(12,15,36,1),
//),
//
//$font-size:  (
//    'extra-large': 18px,
//    'large': 15px,
//    'medium': 13px,
//    'base': 12px,
//    'small': 12px,
//    'extra-small': 12px,
//),
//
//$disabled: (
//    'bg-color':rgba(12,15,36,.5),
//    'border-color': rgba(88,92,113,.5),
//),
//
//$overlay-color: (
//    '': rgba(0, 0, 0, 0.85),
//    'light':  rgba(0, 0, 0, 0.7),
//    'lighter': rgba(0, 0, 0, 0.5),
//),

//$checkbox: (
    //'font-size': 14px,
    //'border-radius': getCssVar('border-radius-small'),
    //'bg-color': getCssVar('fill-color', 'blank'),
    //'input-border': getCssVar('border'),
    //'disabled-border-color': getCssVar('border-color'),
    //'disabled-input-fill': getCssVar('fill-color', 'light'),
    //'disabled-icon-color': getCssVar('text-color-placeholder'),
    //'disabled-checked-input-fill': getCssVar('border-color-extra-light'),
    //'disabled-checked-input-border-color': getCssVar('border-color'),
    //'disabled-checked-icon-color': getCssVar('text-color-placeholder'),
    //'checked-text-color': getCssVar('color-primary'),
    //'checked-input-border-color': getCssVar('color-primary'),
    //'checked-bg-color': getCssVar('color-primary'),
    //'checked-icon-color': getCssVar('color', 'white'),
    //'input-border-color-hover': getCssVar('color-primary'),
//),

//$checkbox-button: (
    //'checked-bg-color': getCssVar('color-primary'),
    //'checked-text-color': getCssVar('color-white'),
    //'checked-border-color': getCssVar('color-primary'),
//),

//$checkbox-bordered-padding-left: (
//    'large': 12px,
//    'default': 10px,
//    'small': 8px,
//),
//
//$checkbox-bordered-padding-right: (
//          'large': 20px,
//          'default': 16px,
//          'small': 12px,
//),

// Select
//$select: (
                        //'border-color-hover': getCssVar('border-color-hover'),
                        //'disabled-border': getCssVar('disabled-border-color'),
                        //'font-size': getCssVar('font-size-base'),
                        //'close-hover-color': getCssVar('text-color-secondary'),
                        //'input-color': getCssVar('text-color-placeholder'),
                        //'multiple-input-color': getCssVar('text-color-regular'),
                        //'input-focus-border-color': getCssVar('color-primary'),
                        //'input-font-size': 14px,
//),

//$select-option: (
                        //'text-color': getCssVar('text-color-regular'),
                        //'disabled-color': getCssVar('text-color-placeholder'),
                        //'height': 25px,
                        //'hover-background': getCssVar('fill-color', 'light'),
                        //'selected-text-color': getCssVar('color-primary'),
//),

//$select-group: (
                        //'text-color': getCssVar('color-info'),
                        //'height': 30px,
                        //'font-size': 12px,
//),

//$select-dropdown: (
                //        'bg-color': getCssVar('bg-color', 'overlay'),
                //        'shadow': getCssVar('box-shadow-light'),
                //        'empty-color': getCssVar('text-color-secondary'),
                //        'max-height': 274px,
                //        'padding': 6px 0,
                //        'empty-padding': 10px 0,
                //        'border': 1px solid getCssVar('border-color-light'),
//),

//$select-tags-prefix-padding: (
                //        'large': 8px,
                //        'default': 6px,
                //        'small': 4px,
//),


//$messagebox:(
    //'title-color': getCssVar('text-color-primary'),
    //'width': 420px,
    //'border-radius': 4px,
    //'font-size': getCssVar('font-size-large'),
    //'content-font-size': getCssVar('font-size-base'),
    //'content-color': getCssVar('text-color-regular'),
    //'error-font-size': 12px,
    //'padding-primary': 15px,
//),

// Message
//$message:(
                        //'bg-color': getCssVar('color', 'info', 'light-9'),
                        //'border-color': getCssVar('border-color-lighter'),
                        //'padding': 15px 19px,
                        //'close-size': 16px,
                        //'close-icon-color': getCssVar('text-color-placeholder'),
                        //'close-hover-color': getCssVar('text-color-secondary'),
//),

// Notification
//$notification:(
                        //'width': 330px,
                        //'padding': 14px 26px 14px 13px,
                        //'radius': 8px,
                        //'shadow': getCssVar('box-shadow-light'),
                        //'border-color': getCssVar('border-color-lighter'),
                        //'icon-size': 24px,
                        //'close-font-size':
                        //var(
                        //                #{getCssVarName('message-close-size')},
                        //                map.get($message, 'close-size')
                        //),
                        //'group-margin-left': 13px,
                        //'group-margin-right': 8px,
                        //'content-font-size': getCssVar('font-size-base'),
                        //'content-color': getCssVar('text-color-regular'),
                        //'title-font-size': 16px,
                        //'title-color': getCssVar('text-color-primary'),
                        //'close-color': getCssVar('text-color-secondary'),
                        //'close-hover-color': getCssVar('text-color-regular'),
//),

// Input
//$input:(
                        //'text-color': getCssVar('text-color-regular'),
                        //'border': getCssVar('border'),
                        //'hover-border': getCssVar('border-color-hover'),
                        //'focus-border': getCssVar('color-primary'),
                        //'transparent-border': 0 0 0 1px transparent inset,
                        //'border-color': getCssVar('border-color'),
                        //'border-radius': getCssVar('border-radius-base'),
                        //'bg-color': getCssVar('fill-color', 'blank'),
                        //'icon-color': getCssVar('text-color-placeholder'),
                        //'placeholder-color': getCssVar('text-color-placeholder'),
                        //'hover-border-color': getCssVar('border-color-hover'),
                        //'clear-hover-color': getCssVar('text-color-secondary'),
                        //'focus-border-color': getCssVar('color-primary'),
//),

//$input-disabled:(
                        //'fill': getCssVar('disabled-bg-color'),
                        //'border': getCssVar('disabled-border-color'),
                        //'text-color': getCssVar('disabled-text-color'),
                        //'placeholder-color': getCssVar('text-color-placeholder'),
//),/

//$input-font-size:(
                        //'large': 14px,
                        //'default': 14px,
                        //'small': 12px,
//),

//$input-number-width:(
                        //'large': 180px,
                        //'default': 150px,
                        //'small': 120px,
//),

//$input-padding-horizontal:(
                        //'large': 16px,
                        //'default': 12px,
                        //'small': 8px,
//),



//$button: (
    //'font-weight': getCssVar('font-weight-primary'),
    //'border-color': getCssVar('border-color'),
    //'bg-color': getCssVar('fill-color', 'blank'),
    //'text-color': getCssVar('text-color', 'regular'),
    //'disabled-text-color': getCssVar('disabled-text-color'),
    //'disabled-bg-color': getCssVar('fill-color', 'blank'),
    //'disabled-border-color': getCssVar('border-color-light'),
    //'divide-border-color': rgba($color-white, 0.5),
    //'hover-text-color': getCssVar('color-primary'),
    //'hover-bg-color': getCssVar('color-primary', 'light-9'),
    //'hover-border-color': getCssVar('color-primary-light-7'),
    //'active-text-color': getCssVar('button-hover-text-color'),
    //'active-border-color': getCssVar('color-primary'),
    //'active-bg-color': getCssVar('button', 'hover-bg-color'),
    //'outline-color': getCssVar('color-primary', 'light-5'),
    //'hover-link-text-color': getCssVar('color-info'),
    //'active-color': getCssVar('text-color', 'primary'),
//),


//$button-font-size: (
                        //'large': getCssVar('font-size', 'base'),
                        //'default': getCssVar('font-size', 'base'),
                        //'small': 12px,
//),

//$button-border-radius: (
                        //'large': getCssVar('border-radius', 'base'),
                        //'default': getCssVar('border-radius', 'base'),
                        //'small': calc(#{getCssVar('border-radius', 'base')} - 1px),
//),

//$button-padding-vertical: (
                        //'large': 13px,
                        //'default': 9px,
                        //'small': 6px,
//),

//$button-padding-horizontal: (
                        //'large': 20px,
                        //'default': 16px,
                        //'small': 12px,
//),

// Switch
//$switch: (
                        //'on-color': getCssVar('color-primary'),
                        //'off-color': getCssVar('border-color'),
//),

// Dialog
// css3 var in packages/theme-chalk/src/dialog.scss
//$dialog: (
                        //'width': 50%,
                        //'margin-top': 15vh,
                        //'bg-color': getCssVar('bg-color'),
                        //'box-shadow': getCssVar('box-shadow'),
                        //'title-font-size': getCssVar('font-size-large'),
                        //'content-font-size': 14px,
                        //'font-line-height': getCssVar('font-line-height-primary'),
                        //'padding-primary': 20px,
                        //'border-radius': getCssVar('border-radius-small'),
//),

// Table
//$table: (
//          'border-color': rgba(88,92,113,.6),
          //'border': 1px solid getCssVar('table-border-color'),
          //'text-color': getCssVar('text-color-regular'),
          //'header-text-color': getCssVar('text-color-secondary'),
          //'row-hover-bg-color': rgba(13,111,253,.3),
          //'current-row-bg-color': #000000,
          //'header-bg-color': getCssVar('bg-color'),
          //'fixed-box-shadow': getCssVar('box-shadow', 'light'),
          //'bg-color': #161A37,
          //'tr-bg-color': #161A37,
          //'expanded-cell-bg-color': getCssVar('fill-color', 'blank'),
          //'fixed-left-column': inset 10px 0 10px -10px rgb(0 0 0 / 15%),
          //'fixed-right-column': inset -10px 0 10px -10px rgb(0 0 0 / 15%),
//),

//$table-font-size: (
                        //'large': getCssVar('font-size', 'base'),
                        //'default': 14px,
                        //'small': 12px,
//),

//$table-padding: (
                        //'large': 12px 0,
                        //'default': 8px 0,
                        //'small': 4px 0,
//),

//$table-cell-padding: (
                        //'large': 0 16px,
                        //'default': 0 12px,
                        //'small': 0 8px,
//),

// Popup
//$popup: (
                        //'modal-bg-color': getCssVar('color-black'),
                        //'modal-opacity': 0.5,
//),

// Popover
$popover: (
                        //'bg-color': getCssVar('bg-color', 'overlay'),
                        //'font-size': getCssVar('font-size-base'),
                        //'border-color': getCssVar('border-color-lighter'),
                        //'padding': 12px,
                        //'padding-large': 18px 20px,
                        //'title-font-size': 16px,
                        //'title-text-color': getCssVar('text-color-primary'),
                        'border-radius': 8px,
),

// popper
// Pay attention to the difference between 'popper' and 'popover'
$popper: (
                        'border-radius': 8px,
),


// Tree
// css3 var in packages/theme-chalk/src/tree.scss
//$tree: (
                        //'node-hover-bg-color': getCssVar('fill-color', 'light'),
                        //'text-color': getCssVar('text-color-regular'),
                        //'expand-icon-color': getCssVar('text-color-placeholder'),
//),

// Dropdown
//$dropdown: (
                        //'menu-box-shadow': getCssVar('box-shadow-light'),
                        //'menuItem-hover-fill': getCssVar('color-primary-light-9'),
                        //'menuItem-hover-color': getCssVar('color-primary'),
                        //'menu-index': 10,
//),


// Slider
// css3 var in packages/theme-chalk/src/slider.scss
//$slider: (
              //'main-bg-color': getCssVar('color-primary'),
              //'runway-bg-color': getCssVar('border-color-light'),
              //'stop-bg-color': getCssVar('color-white'),
              //'disabled-color': getCssVar('text-color-placeholder'),
              //'border-radius': 3px,
              //'height': 6px,
              //'button-size': 12px,
              //'button-wrapper-size': 36px,
              //'button-wrapper-offset': -15px,
//),


// Scrollbar
// css3 var in packages/theme-chalk/src/scrollbar.scss
//$scrollbar: (
                        //'opacity': 0.3,
                        //'bg-color': getCssVar('text-color-secondary'),
                        //'hover-opacity': 0.5,
                        //'hover-bg-color': getCssVar('text-color-secondary'),
//),


);
@use "element-plus/theme-chalk/src/index.scss" as *;
 


